
{% load i18n %}

{% block content %}
<!DOCTYPE html> 
<html> 
    <head> 
    <title>Quiz</title> 
    <link rel="stylesheet" href="/static/jquery.mobile-1.0a2.min.css" />
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head> 
<body>

<!-- Home Page -->
<div data-role="page" > 
    <div data-role="header">
<a href="/quiz/lecture/{{lid}}">back</a>
       <h2>Create A new Quiz</h2>
 <a href='/accounts/logout/' rel="external" > logout</a>
    </div> 
    <div data-role="content">
<form method="post" action="/quiz/create/">
{% csrf_token %}
<p >Title <input id='qbody' name='qbody' type="text"/>
                   Grade <input value=5 id='qgrade' name='qgrade' type="text"/>

                     Duration  <input id='duration' value='15' name='duration' type="text"/></p>



<br>
<h2> Check true choices</h2>
<p>Choice 1</p> <input id='choice1' name='choice1' type="text"/>
<input type="checkbox"  class="custom" id='chk1' name='chk1'/>

<p>Choice 2</p> <input id='choice2' name='choice2' type="text"/><br><input type="checkbox" id='chk2' name='chk2'/>


<p>Choice 3</p> <input id='choice3' name='choice3' type="text"/><br><input type="checkbox" id='chk3' name='chk3'/>

<p>Choice 4</p> <input id='choice4' name='choice4' type="text"/><br><input type="checkbox" id='chk4' name='chk4'/>

<p>Choice 5</p> <input id='choice5' name='choice5' type="text"/><br><input type="checkbox" id='chk5' name='chk5'/>

<input type="submit" value="Create Quiz" />

</form>
    
</div> 
</div> 
</body>
</html>

{% endblock %}
    
